<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-family: Tahoma}
.style3 {font-family: Tahoma; color: #5CB2D7; }
#login {
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
	margin-bottom:auto;
	width:457px;

}

#loginform{
	float:right;
	text-align:right;
}

a:link, a:visited, a{
	color: #5CB2D7; 
	text-decoration:none;
}

#message{
	margin-top:30px;
	margin-bottom:20px;
	text-align:center;
}

body{
	color: #5CB2D7; 
}
-->
</style>
	<head>
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8rc2.custom.min.js"></script>
	<link type="text/css" href="css/redmond/jquery-ui-1.8rc2.custom.css" rel="stylesheet" />	
	<link type="text/css" href="css/date.css" rel="stylesheet" />	
	<link type="text/css" href="css/tabs.css" rel="stylesheet" />	
	<link type="text/css" href="css/style.css" rel="stylesheet" />	
	<script type="text/javascript">
		function init(){
			$("input:button", "#loginform").button();
		}
		
	var details;
	function login(){
		password=$("#password").val();
		username=$("#username").val();
		$("#message").html("");
		$("#message").html("<img src='gifs/indicator.gif' />");
		
		$.post('controllers/LoginController.php',{ 
		username: username, 
		password: password
		}, function(data) {
		  details=data;
			displayLoginDetails();
		});
	}
	function displayLoginDetails(){
		$("#message").html(details);
	}
		
	</script>
</head>

<body onload="init()">
<div id="login">
	<img src="images/loginlogo.png" width="456" height="189" />
	<div id="message">
	</div>
	<div id="loginform">
		<span class="style3">username</span>
		<input type="text" id="username" id="textfield" />
		<br />
		<span class="style3">password
		<input type="password" id="password" id="label" /><br />
		<input style="color:#5CB2D7" type="button" value="Login" onclick="login();return false;" />
	</div>
</div>
</body>
</html>
